@media only screen and (min-width:320px){
    html{font-size:42.6667px;}
}
@media only screen and (min-width:360px){
    html{font-size:48px;}
}
@media only screen and (min-width:375px){
    html{font-size:50px;}
}
@media only screen and (min-width:412px){
    html{font-size:54.9333px;}
}
@media only screen and (min-width: 414px){
    html{font-size:55.2px;}
}
@media only screen and (min-width:768px){
    html{font-size:102.4px;}
}
@media only screen and (min-width:1024px){
    html{font-size:136.533px;}
}

.mt15 {
    margin-top: 0.15rem;
}

.p25 {
    padding: 0.25rem;
}

.pb50 {
    padding-bottom: 0.5rem;
}

.bd8-left-ff6060 {
    border-left: 0.08rem solid #ff6060;
}

.pl20 {
    padding-left: 0.2rem;
}

.fb {
    font-weight: 700;
}

.f32 {
    font-size: 0.32rem;
}

.li {
    list-style: none;
}

.site0730-nav-list {
    display: flex;
    padding: 0.17rem 0 0.4rem;
    border-bottom: 0.02rem solid #f6f6f6;
    flex-wrap: wrap;
    border-top: 0.02rem solid #efefef;
}

.site0730-nav-list .li {
    width: 25%;
    text-align: center;
    margin-top: 0.3rem;
}

.site0730-nav-icon {
    display: inline-block;
    width: 0.82rem;
    height: 0.82rem;
    background: url(../../images/syd0730-sprite.png) no-repeat -0.1rem -0.1rem;
    background-size: 5rem 5rem;
}

.site0730-nav-icon2 {
    background-position: -1.13rem -0.1rem;
}

.site0730-nav-icon3 {
    background-position: -2.16rem -0.1rem;
}

.site0730-nav-icon4 {
    background-position: -3.2rem -0.1rem;
}

.site0730-nav-list .li .p {
    color: #3f3f3f;
    font-size: 0.28rem;
}

.site0730-course-list {
    display: flex;
    padding: 0 0.05rem;
    flex-wrap: wrap;
}

.site0730-course-list .li {
    width: 3.69rem;
    height: 2.54rem;
    background: url(../../images/site0730-course-img1.png);
    background-size: 3.69rem 2.54rem;
    padding-top: 1.6rem;
    box-sizing: border-box;
}

.site0730-course-list .li:nth-child(2) {
    width: 3.69rem;
    height: 2.54rem;
    background: url(../../images/site0730-course-img2.png);
    background-size: 3.69rem 2.54rem;
}

.site0730-course-list .li:nth-child(3) {
    width: 3.69rem;
    height: 2.54rem;
    background: url(../../images/site0730-course-img3.png);
    background-size: 3.69rem 2.54rem;
}

.site0730-course-list .li:nth-child(4) {
    width: 3.69rem;
    height: 2.54rem;
    background: url(../../images/site0730-course-img4.png);
    background-size: 3.69rem 2.54rem;
}

.site0730-course-list .li .p {
    height: 0.73rem;
    line-height: 0.73rem;
    font-size: 0.3rem;
    font-weight: bold;
    padding-left: 0.5rem;
    color: #fff;
}

.site0730-outfit-list {
    display: flex;
    padding: 0 0.24rem;
}

.site0730-outfit-list .li {
    flex: 1;
    text-align: center;
}

.site0730-outfit-list .li .p {
    color: #656565;
    font-size: 0.28rem;
}

.site0730-outfit-logo {
    width: 1.58rem;
    height: 1.58rem;
    border: 0.02rem solid #f6f6f6;
    vertical-align: top;
}

